<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>冷链溯源</title>
    <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css"" rel="stylesheet">
    <link href="./assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="./css/demo.css">
    <link rel="stylesheet" href="./css/index.css">
     <link rel='stylesheet' href='./css/animate.min.css'>
    <link rel="stylesheet" href="./css/notification.css">
</head>

<body>
    <div class="navbar panel navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <a class="navbar-brand" href="./index.html">
                    <img src="./assets/logo.png"  height="45px" class="brand-logo" alt="logo" />
                    冷链<strong>溯源系统</strong>
                </a>
            </div>
            <div class="pull-right">
                <a class="main-menu--item" href="./index.html"><i class="fa fa-home"></i> 主页</a>
                <a class="main-menu--item" href="./demo.html"><i class="fa fa-cube"></i> 案例</a>
                <a class="main-menu--item" href="./register.html"><i class="fa fa-handshake-o"></i> 加盟</a>
                <a class="main-menu--item" href="./about.html"><i class="fa fa-info"></i> 关于</a>
            </div>
        </div>
    </div>

    <div class="body-content">
        <div class="container">
            <div class="hero-area">
                <h1>A Traceability tools for <span class="audience-name"></span></h1>
                <div class="search bar6">
                    <form action="" method="post">
                        <input type="number" name="searchNum" id="searchNum" placeholder="请输入产品上的25位查询码...">
                        <button id="searchBtn"type="submit"></button>
                    </form>
                </div>
                <p>一物一码，追踪溯源</p>
            </div>

            <!-- 功能介绍，三个人员的入口 -->
            <div class="row fetures">
                <div class="col-xs-4">
                    <a href="business/login.html">
                        <h2>溯 源 企 业</h2>
                        <h2>Enterprise</h2>
                        <p>
                            溯源公司从这里登录，录入溯源信息。
                        </p>
                        <p>
                            <button id="eloginBtn" class="loginBtn btn btn-lg btn-raised btn-primary text-center">企业人员</button>
                        </p>
                    </a>
                </div>


                <div class="col-xs-4">
                    <a href="supersivor/login.html">
                        <h2>监 管 部 门</h2>
                        <h2>Regulators</h2>
                        <p>
                            监管部门从这里登录，监察溯源结果。
                        </p>
                        <p>
                            <button id="rloginBtn" class="loginBtn btn btn-lg btn-raised btn-primary text-center">监管部门</button>
                        </p>
                    </a>
                </div>

                <div class="col-xs-4">
                    <a href="system/login.html">
                        <h2>平 台 管 理 </h2>
                        <h2>Administrator</h2>
                        <p>
                            管理员从这里登录，负责平台运营。
                        </p>
                        <p>
                            <button id="aloginBtn" class="loginBtn btn btn-lg btn-raised btn-primary text-center">系统管理</button>
                        </p>
                    </a>
                </div>
            </div>
            <div class="row">
                <img id="fengexian" src="./assets/splitline.png" alt="分割线">
                <p> 一品一码实现多重功能 企业产品一品一码，结合防伪、溯源、数据、营销多重功能，让每一件冷链产品都有唯一的身份证;
                    <p>扫一扫溯源二维码，立即看到该农产品的出身以及各项检测指标；
                        <p>保护和提升企业的品牌形象和价值，为整体解决方案移动化提供实现可能；
                            <p>建设针对冷链产品追溯应用托管服务平台；
                                <p>为冷链产品标准化和数据管理提供了参考样板和标准。
                                </p>
                            </p>
                        </p>
                    </p>
                </p>
            </div>
            <div id="structure" class="row">
                <p>冷链溯源系统核心功能</p>
                <div class="container">
                    <div class="col-xs-3 introduction in1">
                        <img src="./assets/nongchan.png" alt="role-icon">
                        <div class="hr"></div>
                        <p>信息溯源体系 </p>
                        <p>安全 流通</p>
                        <p>等等</p>
                    </div>
                    <div class="col-xs-3 introduction in2">
                        <img src="./assets/qiye.png" alt="role-icon">
                        <div class="hr"></div>
                        <p>营销互动产品评价 </p>
                        <p>网络传播</p>
                        <p>品牌故事</p>
                    </div>
                    <div class="col-xs-3 introduction in3">
                        <img src="./assets/jianguan.png" alt="role-icon">
                        <div class="hr"></div>
                        <p>政府监管视频监控 </p>
                        <p>三方监测 </p>
                        <p>保险理赔</p>
                    </div>
                    <div class="col-xs-3 introduction in4">
                        <img src="./assets/pinzhi.png" alt="role-icon">
                        <div class="hr"></div>
                        <p>品质监控防伪保真 </p>
                        <p>合格分析</p>
                        <p>品质评级</p>
                    </div>
                </div>
            </div>
            <div class="row">

                <div class="sec-title text-center">
                    <h2>跨时代的作品，真正意义的互联网+</h2>
                    <div class="text">一个二维码就可以了解冷链产品从“原材料开始到成品”的各个环节。</div>
                </div>
                <!-- /END Feature SECTION HEADER -->
                <div class="jv-st-srv">
                    <div class="row">
                        <!-- SINGLE SERVICE -->
                        <div class="col-md-4">
                            <div class="featured-item-2 text-center m-bot-40">
                                <div class="icon">
                                    <i class="fa fa-magic"></i>
                                </div>
                                <div class="title text-uppercase">
                                    <h4>非凡的性价比</h4>
                                </div>
                                <div class="jv-st-desc">
                                    用户无需自建硬件（服务器），无需自建系统。简单轻松入驻防伪系统即可轻松使用农产品溯源系统的全部功能。
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="featured-item-2 text-center m-bot-40">
                                <div class="icon">
                                    <i class="fa fa-info-circle"></i>
                                </div>
                                <div class="title text-uppercase">
                                    <h4>信息可追溯</h4>
                                </div>
                                <div class="jv-st-desc">
                                    追溯信息可按需配置:用户可根据自身果蔬需求及产品特点，自行维护追溯信息内容、实现图文并茂的追溯内容。
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="featured-item-2 text-center">
                                <div class="icon ">
                                    <i class="fa fa-retweet"></i>
                                </div>
                                <div class="title text-uppercase">
                                    <h4>全程可监控</h4>
                                </div>
                                <div class="jv-st-desc">
                                    不仅提升了农产品安全，对食品安全也有了保障能力，也是对产品质量市场监管能力的显著提升。
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>

    <!---->
    <section class="featured-fluid-section">


        <div class="outer clearfix">

            <!--Image Column-->
            <div class="image-column" style="background-image:url(./assets/img/been.jpg);"></div>

            <!--Text Column-->
            <article class="column text-column dark-column" data-wow-delay="0ms" data-wow-duration="1500ms">

                <div class="content-box pull-left">
                    <h2>让所有的付出都有回报</h2>
                    <div class="title-text">帮助品牌冷链产品更值得信赖</div>
                    <div class="text">从安全的角度，对所有在产地、加工、仓储、物流、销售等流通环节中，物品所发生的操作性和流通性事务、结果进行全数据流的记录，并在事后可查询追溯物品来源和过程信息；</div>
                    <a href="./register.html" class="theme-btn btn-style-one">申请入驻</a>
                    <a href="./demo.html" class="theme-btn btn-style-two">了解更多</a>
                </div>

                <div class="clearfix"></div>
            </article>

        </div>

    </section>
    <!---->

    <footer id="footer">
        <!-- 页脚 -->
        <div class="footer-content">
            <ul class="share-group">
                <li><a href="#"><i class="fa fa-weibo"></i></a></li>
                <li><a href="#"><i class="fa fa-wechat"></i></a></li>
                <li><a href="#"><i class="fa fa-qq"></i></a></li>
                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                <li><a href="#"><i class="fa fa-facebook-square"></i></a></li>
            </ul>
            <div class="copy">
                &copy fangzhichao&nbsp;&nbsp; - &nbsp;&nbsp;2021&nbsp;&nbsp;鲁ICP备123456789号
            </div>
        </div>
        <button id="back_to_top"> <i class="fa fa-angle-up"> </i> </button>
    </footer>
    <script src="./plugs/jquery-3.1.1.min.js"></script>
    <script src="./assets/bootstrap/js/bootstrap.min.js"></script>
    <script src="https://cdn.bootcss.com/typed.js/1.1.7/typed.min.js"></script>
    <script src="./js/back-to-top.js"></script>
    <script src="./js/footer.js"></script>
    <script src="./js/notification.js"></script>
    <script type="text/javascript">
        $(function () {
            $(".audience-name").typed({
                strings: ["Enterprise", "Consumer", "Regulators", "YOU!"],
                typeSpeed: 0,
                contentType: 'text',
                loop: null,
                backDelay: 3000,
                showCursor: false
            });

            
            var position = 2;
            $("#searchBtn").bind('click', function (event) {
                event.preventDefault();
                var r = /^\+?[0-9]*$/;　　 //正整数 

                if ($('#searchNum').val().length != 25 || !r.test($('#searchNum').val())) {
                    Notification.create(
                        // Title
                        "Notification",
                        // Text
                        "请输入正确的25位数字溯源码！;) ！",
                        // Illustration
                        "./assets/cat.jpg",
                        // Effect
                        "fadeIn",
                        // Position
                        position
                    );
                } else {
                    $.ajax({
                        type: 'POST',
                        url: "visitor/checkProductBtcode.do",
                        data: {
                            "productBtcode": $('#searchNum').val()
                        },
                        success: function (data) {
                            if (data == "true") {
                                window.location.replace("./lifeline.html?id=" + $('#searchNum').val());
                            } else {
                                Notification.create(
                                    // Title
                                    "Notification",
                                    // Text
                                    "溯源码错误！无相关信息;) ！",
                                    // Illustration
                                    "./assets/cat.jpg",
                                    // Effect
                                    "fadeIn",
                                    // Position
                                    position
                                );
                            }
                        },
                        error: function (status) {
                            Notification.create(
                                // Title
                                "Notification",
                                // Text
                                "不好意思，发生了未知错误！;) ！",
                                // Illustration
                                "./assets/cat.jpg",
                                // Effect
                                "fadeIn",
                                // Position
                                position
                            );
                            F
                        }
                    });
                }
            });
            $("#searchNum").keydown(function () {
                if (event.keyCode == "13") { //keyCode=13是回车键
                    $('#searchBtn').trigger('click');
                }
            });

        });
    </script>
</body>

</html>